// 从react解构的东西，分首字母大写和小写
// 首字母是大写，是组件
// 首字母是小写，是函数

// 约定组件的文件的首字母大写，后缀可以用jsx来表示

// import React, { Component, Fragment } from "react";
import React, { Component } from "react";
import Header from "./Header";

// const Header = () => {
//   return <header>头部组件</header>;
// };

class Footer extends Component {
  render() {
    return <footer>底部组件</footer>;
  }
}

// 组件的引入不需要做任何的注册
class App extends Component {
  render() {
    // Fragment相当于一个空的占位标签
    // 或者可以直接写<></>
    return (
      <>
        <div>App组件</div>
        <Header />
        <Footer />
      </>
    );
  }
}

export default App;
